<template>
	<view class="empty" :style="{height:vh}" v-if="!list.length">
		<u-empty :mode="mode" :text="text" />
	</view>
</template>

<script>
	export default {
		name: "listempty",
		props: {
			vh: {
				type: [String, Number],
				default: '500rpx'
			},
			mode: {
				type: String,
				default: 'list'
			},
			text: {
				type: String,
				default: '暂无相关记录'
			},
			list: {
				type: Array,
				default: () => {
					return []
				}
			}
		},
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss">
	.empty {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
</style>
